<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
  <title>inputEx - a field framework for web applications</title>
	<link rel="alternate" type="application/rss+xml" title="neyric&#8217;s Javascript RSS Feed" href="http://javascript.neyric.com/blog/feed/" />
	<link rel="pingback" href="http://javascript.neyric.com/blog/xmlrpc.php" />
	<link href="res/style.css" media="screen" rel="stylesheet" type="text/css" />
 </head>

 <body>

	
<div id='headbar'>
		
	<ul class="navigation" style=" position: absolute; margin: 6px 0 0 380px;">
		<li><a href="http://neyric.github.com/inputex">Home</a></li>
		<li><a href="http://github.com/neyric/inputex/">GitHub[Git]</a></li>	
		<li><a href="http://github.com/neyric/inputex/issues">Issues</a></li>
		<li><a href="api/index.html">API Documentation</a></li>
		<li><a href="http://wiki.github.com/neyric/inputex">Wiki</a></li>
		<li><a href="http://javascript.neyric.com/blog/category/inputex/">Blog</a> 
				<a href="http://javascript.neyric.com/blog/feed/"><img src="res/rss.png" alt="rss icon"/></a></li>
		<li><a href="http://groups.google.com/group/inputex/">Forums</a></li>
	</ul>
	
	
	<div style="position: absolute; top: 50px; left: 850px; font-size: 90%; line-height: 30px;">
		<img src='http://www.twitter.com/favicon.ico' /> follow <a href="http://twitter.com/inputex">inputEx on Twitter</a><br />
		<img src="http://delicious.com/favicon.ico"> bookmark on <a href="http://delicious.com/url/3ec78b218716387ceb93dda7b5d0f84d">Del.icio.us</a><br />
		<img src='http://github.com/favicon.ico'/> follow <a href="http://github.com/neyric/inputex/tree/master"> on GitHub</a>
	</div>

</div>
	
<div align="center">
<table class="layout">
	<tr>
		<td class="left">
		
		 <p style="font-size: 130%;">inputEx is an open-source javascript framework to <strong>build fields and forms</strong> for web applications using the YUI library.</p>
	
	
		 <h2>About</h2>
		
		 <p>All the fields and forms are <strong>configured using <a href="http://json.org/">JSON</a> or created in Javascript</strong>. It provides a very efficient abstraction for building <strong>interactive web applications</strong>.</p>
		
		 <p>Disclaimer: It is <strong>not</strong> an unobtrusive library, but has much more to see!</p>
		
		 <p>For detailed informations, have a look at our <a href="api/index.html">complete documentation</a>.</p>

		 <p>It is built on top of the <a href="http://developer.yahoo.com/yui/">YUI library</a> (2.8.0r4) and supports all major browsers. Please report your specific browser issues in <a href="http://groups.google.com/group/inputex/">the forum</a>.</p>		
		
		 <h2>Developer Tools</h2>
			
			<ul class="starlist">
				<li><a href="tools/builder/index.html" style="font-size:18px">The inputEx Builder</a><br />
					  A tool to build inputEx forms<br /><br /></li>	
					
				<li><a href="tools/dependency-configurator/index.html" style="font-size:18px">Dependency configurator</a><br />
						Manage field dependencies to build your inputEx distribution<br /><br /></li>
						
				<li><a href="tools/yql-trimpath-page/index.html" style="font-size:18px">YQL-trimpath page</a> and <a href="tools/yql-trimpath-page-builder/index.html" style="font-size:18px">page builder</a><br />
								Build simple pages from YQL code and trimpath templates<br /><br /></li>
							
				<li><a href="tools/smd-tester/index.html" style="font-size:18px">SMD tester</a><br />
						Build forms from <a href="http://groups.google.com/group/json-schema/web/service-mapping-description-proposal">Service Mapping Description</a> (SMD)<br /><br /></li>	
			</ul>
		
		</td>
		<!-- Right Column -->
		<td class="right">
			
			<!-- Updates changeset -->
			<!--p class="title">Download</p-->
			<p style="text-align:center;font-weight:bold; font-size:17px; -moz-border-radius: 10px; padding: 10px;-webkit-border-radius: 10px; background-color: #EEEEEE;"><a href="http://cloud.github.com/downloads/neyric/inputex/inputex-0.6.0.zip">Download inputex 0.6.0</a><br/><span style="font-size: 70%; font-weight: normal;">(inputex-0.6.0.zip - August, 2nd 2010 - <a href="version.txt">changeset</a>)</span></p>
			
			<!-- License -->
			<p>inputEx is released under the <a href="license.txt">MIT License</a>.</p>
			
			<p>Clone from <a href="http://github.com/neyric/inputex/">GitHub</a>: <span style="font-size: 80%;">git clone git://github.com/neyric/inputex.git</span></p>
			
			
			<!-- Documentation -->
		 <h2>Documentation</h2>
		 <p>Here are some <b>starting points</b> for our documentation :</p>
			<ul class="starlist">
				<li><a href="api/index.html">API documentation</a> - with YUIdoc<br /><br /></li>
				<li><a href="http://wiki.github.com/neyric/inputex">Wiki pages</a>
					<ul>
						<li><a href="http://wiki.github.com/neyric/inputex/getting-started">Getting started</a> - 5 minutes tutorial</li>
						<li><a href="http://wiki.github.com/neyric/inputex/overview">Overview</a> - a quick tour of inputEx</li>
						<li><a href="http://wiki.github.com/neyric/inputex/create-your-own-fields">Create new fields</a> - How-to</li>
					</ul>
				</li>
			</ul>
		
		  <p>Most of the documentation on fields options is in the examples below : </p>
				
		</td>
	</tr>
</table>

<div style="text-align: left; width: 70%;">
	<h2>Examples</h2>

	<div class='exampleGroup' style="background-color: #FFF0BB;">
		<h2>Fields</h2>

		<div class='exampleSection'>
		<h3>HTML fields</h3>
		<ul>
			<li><a href="examples/string_field.html">StringField</a></li>
			<li><a href="examples/checkbox.html">CheckBox</a></li>
			<li><a href="examples/textarea.html">Textarea</a></li>
			<li><a href="examples/password_field.html">Password</a></li>
			<li><a href="examples/hidden_field.html">HiddenField</a></li>
			<li><a href="examples/select_field.html">SelectField</a></li>
			<li><a href="examples/radio_field.html">RadioField</a></li>
			<li><a href="examples/file_field.html">FileField</a></li>
			<br />
		</ul>
		</div>

		<div class='exampleSection'>
		<h3>Extended</h3>
		<ul>
			<li><a href="examples/map_field.html">MapField</a></li>
			<li><a href="examples/autocomplete.html">AutoComplete</a></li>
			<li><a href="examples/email_field.html">EmailField</a></li>
			<li><a href="examples/url_field.html">UrlField</a></li>	
			<li><a href="examples/rte_field.html">RTEField</a></li>
			<li><a href="examples/color_field.html">ColorField</a></li>
			<li><a href="examples/colorpicker_field.html">ColorPickerField</a> (new)</li>
			<li><a href="examples/uppercase_field.html">UpperCaseField</a></li>
			<li><a href="examples/ipv4_field.html">IPv4Field</a></li>
		</ul>
		</div>
		
		
		<div class='exampleSection'>
		<h3>MetaFields</h3>
		<ul>
			<li><a href="examples/group.html">Group</a></li>
			<li><a href="examples/form.html">Form</a></li>
			<li><a href="examples/list_field.html">ListField</a></li>
			<li><a href="examples/combine_field.html">CombineField</a></li>
			<li><a href="examples/inplaceedit.html">InPlaceEdit</a></li>
			<li><a href="examples/typefield.html">TypeField</a></li>
			<li><a href="examples/tree_field.html">TreeField</a> (beta)</li>
			<li><a href="examples/lenses.html">Lens</a> (new - beta)</li>
			<li><a href="examples/keyvalue_field.html">KeyValue</a> (new - beta)</li>
			<li><a href="examples/keyopvalue_field.html">KeyOpValue</a> (new - beta)</li>
			<br />
		</ul>
		</div>

		<div style='clear: both;'> </div>

		<div class='exampleSection'>
		<h3>Date &amp; Time fields</h3>
		<ul>
			<li><a href="examples/date_field.html">DateField</a></li>
			<li><a href="examples/datepicker_field.html">DatePickerField</a></li>
			<li><a href="examples/time_field.html">TimeField</a></li>
			<li><a href="examples/datetime_field.html">DateTimeField</a></li>
			<li><a href="examples/datesplit_field.html">DateSplitField</a></li>
			<li><a href="examples/dateselectmonth_field.html">DateSelectMonthField</a></li>
			<li><a href="examples/timeinterval_field.html">TimeIntervalField</a> (new)</li>
		</ul>
		</div>

		<div class='exampleSection'>
		<h3>Advanced</h3>
		<ul>
			<li><a href="examples/uneditable_field.html">Uneditable</a></li>
			<li><a href="examples/multiselect_field.html">MultiSelectField</a></li>
			<li><a href="examples/multiautocomplete.html">MultiAutoComplete</a></li>
			<li><a href="examples/menu_field.html">MenuField</a> (nested selection)</li>
			<li><a href="examples/dsselect_field.html">DSSelectField</a> (SelectField with YUI datasource)</li>
			<li><a href="examples/slider_field.html">SliderField</a> (beta)</li>
		</ul>
		</div>

		
		<div class='exampleSection'>
		<h3>Numbers</h3>
		<ul>	
			<li><a href="examples/integer_field.html">IntegerField</a></li>
			<li><a href="examples/number_field.html">NumberField</a></li>
			<li><a href="examples/vector_field.html">VectorField</a></li>
		</ul>
		</div>
		
		<div style='clear: both;'> </div>
		
		<h2>Widgets</h2>
		
		<div class='exampleSection'>
		<h3>Basic</h3>
		<ul>
			<li><a href="examples/ddlist_widget.html">Sortable List Widget</a></li>
			<li><a href="examples/dialog_widget.html">Dialog widget</a></li>
			<li><a href="examples/json-tree-inspector.html">JsonTreeInspector widget</a></li>
		</ul>
		</div>
		
		<div class='exampleSection'>
		<h3>Datatables</h3>
		<ul>
			<li><a href="examples/datatable.html">DataTable</a> (new)</li>
			<li><a href="examples/dtInPlaceEdit.html">DataTable InPlaceEdit</a> (new)</li>
		</ul>
		</div>
		
		<div style='clear: both;'> </div>
		
		
		<h2>Communication</h2>
		
		<div class='exampleSection'>
		<h3>Json-Schema</h3>
		<ul>
			<li><a href="examples/json-schema.html">JSON schema</a> (beta)</li>
			<li><a href="examples/json-schema2.html">JSON schema $ref</a> (beta)</li>
			<li><a href="examples/inputExToSchema.html">inputEx to JSON schema</a> (beta)<br /><br /></li>
		</ul>
		</div>
		
		<div class='exampleSection'>
		<h3>SMD json-rpc/REST</h3>
		<ul>
			<li><a href="examples/rpc/flickr.html">SMD using flickr</a></li>
			<li><a href="examples/rpc/example.html">SMD simple example</a></li>
			<li><a href="examples/rpc/smd-rest.html">SMD REST example</a></li>
		</ul>
		</div>
		
		<div class='exampleSection'>
		<h3>YQL</h3>
		<ul>
			<!--li><a href="examples/yql-tools.html">YQL tools</a> (new)</li-->
			<li><a href="examples/yql-trimpath-page.html">YQL trimpath page</a> (new)</li>
		</ul>
		</div>
		
		<div style='clear: both;'> </div>
		
		
		
		<h2>Other examples</h2>
		
		<div class='exampleSection'>
		<h3>Other</h3>
		<ul>
			<li><a href="examples/using_xml.html">Example using XML</a></li>
			<li><a href="examples/yuiloader.html">Using the YUI loader</a></li>
			<li><a href="examples/interactions.html">Interactions</a> (beta)<br /><br /></li>
			
		</ul>
		</div>
		
		<div class='exampleSection'>
		<h3>Applications</h3>
		<ul>
			<li><a href="examples/TaskManager/index.html">TaskManager</a> - a simple "Getting Things Done" application</li>
			<li><a href="examples/inputExHTML/index.html">inputExHTML</a> - a Form to build HTML elements</li>
			<li><a href="examples/google-charts.html">google charts</a> - A form that uses Google Chart API</li>
		</ul>
		</div>

		<div class='exampleSection'>
		<h3>Styling</h3>
		<ul>
			<li><a href="examples/styling_description.html">Show description when focused</a></li>
			<li><a href="examples/styling_label.html">Label positioning</a></li>
			<li><a href="examples/styling_buttons.html">Form buttons customizing</a></li>
		</ul>
		</div>
		
		<div style='clear: both;'> </div>
		
	</div>
	

</div>

<!-- Yahoo Pipes badges for blog and forums-->
<table class="layout">
	<tr>
		<td class="left">
			<h2>Community</h2>
						
			<script src="http://pipes.yahoo.com/js/listbadge.js" type="text/javascript">{"pipe_id":"GlaqLSao3RGnzLcb_w6H4A","_btype":"list"}</script>
		</td>
		<td class="right">
			<h2>&nbsp;</h2>
			
			<script src="http://pipes.yahoo.com/js/listbadge.js" type="text/javascript">{"pipe_id":"MLjSkiWo3RGCrSpGBR50VA","_btype":"list"}</script>
		</td>
	</tr>
</table>



<div style="font-size: 8pt; color: #999999; background-color: #222222; border-top: 2px solid black; padding: 10px; margin-top: 20px;">
	
	<ul class="navigation">
		<li><a href="http://neyric.github.com/inputex">Home</a></li>
		<li><a href="http://github.com/neyric/inputex/">GitHub[Git]</a></li>	
		<li><a href="http://github.com/neyric/inputex/issues">Issues</a></li>
		<li><a href="api/index.html">API Documentation</a></li>
		<li><a href="http://wiki.github.com/neyric/inputex">Wiki</a></li>
		<li><a href="http://javascript.neyric.com/blog/category/inputex/">Blog</a> 
				<a href="http://javascript.neyric.com/blog/feed/"><img src="res/rss.png" alt="rss icon"/></a></li>
		<li><a href="http://groups.google.com/group/inputex/">Forums</a></li>
	</ul>
	
	<p style="font-size: 90%; margin-top: 20px;">inputEx is released under the <a href="license.txt" style="color: white;">MIT license</a>.</p>
</div>

</div>

<script type="text/javascript">
document.write(unescape("%3Cscript src='http://www.google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-567557-2");
pageTracker._trackPageview();
</script>

 </body>
</html>